<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
   
        <form id="form" onsubmit="return checkfrom()">
            <table>
            <tr>
                <td>文本框</td>
                <td><input type="text"  id="name" placeholder="请输入您的姓名 默认将为帅哥"
                onfocus='if(this.value=="帅哥"){this.value="";}'
                    onblur='if(this.value==""){this.value="帅哥";};'
                    ></td>
            </tr>
            <tr>
                <td>密码框</td>
                <td><input type="password" id="pw1" placeholder="请输入您的密码"></td>
            </tr>
            <tr>
                <td>确认密码</td>
                <td><input type="password" id="pw2" placeholder="确认两次密码一致"></td>
            </tr>
            <tr>
                <td>单选框</td>
                <td><input type="radio" name="sex" value="男">男
                    <input type="radio" name="sex" value="女">女 </td>
            </tr>
            <tr>
                <td>多选框</td>
                <td>
                <input type="checkbox" name="hobby" value="篮球">篮球
                <input type="checkbox" name="hobby" value="排球">排球
                <input type="checkbox" name="hobby" value="足球">足球
                <input type="checkbox" name="hobby" value="羽毛球">羽毛球
                </td>
            </tr>
            <tr>
                <td>下拉框</td>
                <td><select id="select">
                        <option value="福建">福建</option>
                        <option value="江西">江西</option>
                        <option value="陕西">陕西</option>
                        <option value="广东">广东</option>
                    </select></td>
            </tr>
            <tr><td><input type="button" value="submit" onclick="checkfrom()"></td></tr>
        </table>
        </form>
  
   
    <script src="./Test.js"></script>
</body>

</html>